  
<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Customer List</div>
  <div class="panel-body">
		<p>
		
		</p>
		<div class="btn-group">
			<form action="dispatch.php" method="post" ><button type="submit" name="target" value="customer-add" class="btn btn-default btn-lg">
				<span class="glyphicon glyphicon-plus"></span> Add 
			</button></form>
		</div>

	  <div class="table-responsive">
				<table class="table table-striped">
				  <thead>
					<tr>
					  <th>Name</th>
					  <th>email</th>
					  <th>phone</th>
					  <th>Address</th>
					  <th>Action</th>
					</tr>
				  </thead>
				  <tbody>
					<?php 
						$repository=BO::getCustomerBORepository();
						$customerBOs = $repository->getCustomerBOs(); 
						foreach($customerBOs as $customerBO)
						{
					?>
					<tr>
					  <td><?php echo $customerBO->getName();?></td>
					  <td><?php echo $customerBO->getEmail();?></td>
					  <td><?php echo $customerBO->getPhone();?></td>
					  <td><?php echo $customerBO->getAddress();?></td>
					  <td>
						<div class="btn-group">
						 <a href="dispatch.php?target=customer-edit&id=<?php echo $customerBO->getID()?>"  class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></a>
						  <a href="dispatch.php?target=customer-delete&id=<?php echo $customerBO->getID()?>"  class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></a>
						  <div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
							  More 
							  <span class="caret"></span>
							</button>
						  </div>
						</div>
					  </td>	
					</tr>
					<?php	
						}
					?>
				  </tbody>
				</table>
		</div>	
	</div>
	 <div class="panel-footer">
		<div>
			  <ul class="pagination pagination">
				<li><a href="#"> << </a></li>
				<li class="active"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#"> >> </a></li>
			  </ul>
		 </div>
	 </div>	
</div>	
		  
		  
		  